<%-- 
    Document   : Procesar_Alta
    Created on : 21-nov-2013, 13:11:27
    Author     : Javi
--%>

<%@page import="Comprobar_pass.Puntuacion"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="es">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Seguridad Informatica</title>
        <link rel="stylesheet" href="css/bootstrap.css">
        <style type="text/css">
            .table .espacio {
                margin-bottom: 10px;
            }
        </style>
        <script language="JavaScript" src="js/datosajax.js" type="text/javascript" ></script>
        <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </head>

    <body>
        <div class="container">
            <h2>Regístrate</h2>

            <div class="col-xs-12 col-sm-9">
                <div class="row">
                    <form method="post">
                        <div class="table-responsive">
                            <table class="table">                      
                                <tbody>
                                    <tr>
                                        <td><strong>Nombre</strong></td>
                                        <td><input name="nombre" type="text" id="nombre" class="form-control" placeholder="Nombre"></td>

                                    </tr>
                                    <tr>
                                        <td><strong>Apellidos</strong></td>
                                        <td><input name="apellidos_usuario" type="text" id="apellidos_usuario" class="form-control" placeholder="Apellidos"></td>

                                    </tr>
                                    <tr>
                                        <td><strong>Nombre usuario</strong></td>
                                        <td><input name="nombre_usuario" type="text" id="nombre_usuario" class="form-control" placeholder="Login"></td>

                                    </tr>
                                    <tr>
                                        <td><strong>Correo electrónico</strong></td>
                                        <td><input name="correo_usuario" type="email" id="correo_usuario" class="form-control" placeholder="Email"></td>

                                    </tr>
                                    <tr>
                                        <td><strong>Contraseña</strong></td>
                                        
                                        <td class="col-lg-3"><input name="password_usuario" type="password" id="password_usuarioo" value="" onkeyup="recogerPuntuacion(this.value, celda1, puntuacion, seguridad)" class="form-control espacio" placeholder="Password" >
                                            <div class="progress espacio">
                                                <div  style="width: 0%" id="celda1"></div>
                                            </div>
                                            <span id="seguridad"></span>  
                                            <input type="hidden" name="puntuacion" id="puntuacion">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><strong>Vuelva a escribir tu contraseña</strong></td>
                                        <td><input name="control_password_usuario" type="password" id="control_password_usuario" class="form-control" placeholder="control_password_usuario"></td>
                                    <tr>
                                        <td><strong><img src="cap3.jsp" id="captcha"> </strong></td>
                                        <td><input name="seccode" type="text" id="seccode" class="form-control" placeholder="Captcha"></td>
                                    </tr>    

                                </tbody>
                            </table>
                        </div>

                    <%
                        if (request.getParameter("error") != null) {
                            if (request.getParameter("error").equals("1")) {
                                %>
                                <span class="text-danger">El login no esta disponible</span>
                                <%
                            } else if (request.getParameter("error").equals("2")) {
                                %>
                                <span class="text-danger">Las contraseñas no son iguales</span>
                                <%
                            } else if (request.getParameter("error").equals("3")) {
                                %>
                                <span class="text-danger">Rellene todos los campos</span>
                                <%
                            } else if (request.getParameter("error").equals("4")) {
                                %>
                                <span class="text-danger">Captcha incorrecto</span>
                                <%                                
                            } else if (request.getParameter("error").equals("5")) {
                                %>
                                <span class="text-danger">Debes introducir un correo válido</span>
                                <%                                
                            } else if (request.getParameter("error").equals("6")) {
                                %>
                                <span class="text-danger">Alguno de los campos supera el límite de carácteres permitidos</span>
                                <%                                
                            } else if (request.getParameter("error").equals("7")) {
                                %>
                                <span class="text-danger">La contraseña debe tener un mínimo de 6 carácteres</span>
                                <%                                
                            }
                        }
                    %>
                    <br/>
                    <input type="submit" class="btn btn-primary" onclick="this.form.action = 'Procesar_Dar_De_Alta.jsp'" value="Enviar">
                    <input type="submit" class="btn btn-primary" onclick="this.form.action = 'index.jsp'" value="Volver">

                    </form>

                </div><!--/row-->
            </div>
        </div>
                    
    </body>
</html>
